﻿@model tutors_clus.Models.news
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="~/Scripts/messi.js"></script>
    <link href="~/Content/messi.css" rel="stylesheet" />
    
@using (Html.BeginForm("Search_News_Result", "Home", FormMethod.Post, new {id="search_new" }))
{
                <p>@Html.DropDownList("search_select")</p>
    
                    
    
                <p>@Html.TextBox("searchString", "", new { @class = "text-box single-line", placeholder = "Nhập từ khoá" })</p>
                <p>@Html.TextBox("datepicker", "", new { @placeholder = "Chon ngày tháng",@readonly=true})</p> 
                   
                <input id="search_btn" type="submit" value="Tìm kiếm"/>
}

<div class="clear"></div>

@Scripts.Render("~/bundles/jquery")
@Styles.Render("~/Content/themes/base/css")
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="~/Scripts/messi.js"></script>
    <link href="~/Content/messi.css" rel="stylesheet" />
    <script>
        $(document).ready(function () {
            
            $("#datepicker").hide();
            $("#datepicker").datepicker({
                dateFormat: 'dd/mm/yy',
                changeMonth: true,
                changeYear: true
            });
            
            $("#search_btn").click(function () {
                if ($('#search_select').val() == "1") {
                    if ($('#searchString').val() == "") {
                        //alert('Bạn chưa nhập từ khoá!');
                        new Messi('<div class="error">Bạn chưa nhập từ khoá tìm kiếm.</div>', {autoclose:2000, closeButton: true, modal: true });
                        return false;
                    }
                } else if ($('#search_select').val() == "2") {
                    if ($('#datepicker').val() == "") {
                        //alert('Bạn chưa nhập từ khoá!');
                        new Messi('<div class="error">Bạn chưa nhập ngày tháng.</div>', { autoclose: 2000, closeButton: true, modal: true });
                        return false;
                    }
                }
                
            });
            $('#search_select').change(function () {
                if ($(this).val() == "1") {
                    $("#datepicker").hide();
                    $("#searchString").show();
                } else {
                    $("#datepicker").show();
                    $("#searchString").hide();
                }
            });

        })
    </script>    